<template>
  <a-layout style="height: 400px">
    <a-layout-header class="center">
      <h1>授权用户基本信息</h1>
    </a-layout-header>
    <a-layout-content class="center">
      <a-row>
<!--        <a-avatar :image-url="userStore.userInfo.avatar_url"></a-avatar>-->
      </a-row>
      <a-row>
        <h2>name : {{ userStore.userInfo.name }}</h2>
      </a-row>
    </a-layout-content>
    <a-layout-footer></a-layout-footer>
  </a-layout>
</template>
<script lang="ts" setup>

import useUser from '@/store/user'

const userStore = useUser();




</script>
<style scoped>
.center {
  display: flex;
  align-items: center;
  flex-direction: column;
}
</style>